<template>
	<view class="main">
		<view class="top"></view>
		<view class="header">
			<span>联系客服</span>
			<image class="header-img" src="@/static/mine/icon-bg-kefu.png"></image>
		</view>
		<view class="content">
			<view class="item-single">
				<span class="item-single-name">姓名</span>
				<span class="item-single-value">张三</span>
			</view>
			<view class="item-single">
				<span class="item-single-name">职务</span>
				<span class="item-single-value">管理人员</span>
			</view>
			<view class="item-single">
				<span class="item-single-name">联系电话</span>
				<span class="item-single-value">13312345677</span>
			</view>
		</view>
		
	
	</view>
</template>


<script>
	export default {
		data() {
			return {
				currentNum: 0,
				list1: [
					'https://cdn.uviewui.com/uview/swiper/swiper1.png',
					'https://cdn.uviewui.com/uview/swiper/swiper2.png',
					'https://cdn.uviewui.com/uview/swiper/swiper3.png',
				],


			}
		},
		onLoad() {

		},

		methods: {
			
		},


	}
</script>

<style lang="scss" scoped>
	
	page{
		background: #F9F9F9;
	}
	.top{
		width: 100%;
		height: 344rpx;
		background: linear-gradient( -180deg, #11AA66 0%, rgba(17,172,102,0.91) 50%, rgba(18,198,107,0) 100%);
	}
	.header{
		font-family: PingFangSC, PingFang SC;
		font-weight: 600;
		font-size: 40rpx;
		color: #FFFFFF;
		text-shadow: 0px 4px 4px #02894D;
		text-align: left;
		font-style: normal;
		height: 180upx;
		display: flex;
		align-items: center;
		width: calc(100% - 24upx - 64upx);
		margin: -344upx auto 0 auto;
		position: relative;
		z-index: 2;
		.header-img{
			width: 200upx;
			height: 200upx;
			position: absolute;
			right: 0;
			bottom: -36upx;
		}
	}
	.content{
		width: calc(100% - 24upx - 60upx);
				margin:auto;
		// height: 820rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 6rpx 34rpx 0rpx rgba(159,186,174,0.1);
		border-radius: 10rpx;
		padding: 30upx 30upx;
		padding-bottom: 10upx;
		position: relative;
		z-index: 3;
		.item-single {
			display: flex;
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			font-size: 24rpx;
			color: #666666;
			margin-bottom: 30upx;
		}
		
		.item-single-name {
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			font-size: 28rpx;
			color: #111111;
			width: 120rpx;
			display: inline-block;
			margin-right: 12upx;
			
		}
		
		.item-single-value {
			display: inline-block;
			width: calc(100% - 120upx - 12upx);
			font-family: PingFangSC, PingFang SC;
			font-weight: 500;
			font-size: 28rpx;
			color: #111111;
		}
		
	}
	
</style>